<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div,h1,p{
				border: 1px solid #000;
			}
			
		</style>
	</head>
	<body>
		
		<!-- 
		 
		 网页的布局方式 其实就是指浏览器是如何对网页中的元素进行排版的
		
		1.标准流排版(文档流 普通流)
		css元素分为三大类  块级元素,行内元素,行内块元素
		标准流中两种排版方式  垂直排版和水平排版
		
		2.浮动流排版
		浮动流是一种半脱离标准流的排版方式
		他只能设置某个元素左对齐还是右对齐
		在浮动流中是不可以使用margin: 0 auto 的
	
		在浮动流中是不区分块级元素/行内元素/行内块级元素的,并且都可以设置宽高
		
		
		3.定位流排班
		
		 -->
		<div>我是div</div>
		<h1>我是标题</h1>
		<p>我是段落</p>
		
		
		
	</body>
</html>